<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <p:dialog header="Filtro Estado" widgetVar="dialogEstado" resizable="false" draggable="false"  
              width="480" showEffect="fade" hideEffect="explode" modal="true">  
        <h:form id="formFiltroEstadoOC">
            
            <h:panelGrid  columns="2" cellpadding="4">  
                <h:outputText value="Elegir varios:" />  
                <p:selectBooleanCheckbox value="#{filtroEstadoOC.varios}">
                    <p:ajax update="formFiltroEstadoOC"/>
                </p:selectBooleanCheckbox>
            </h:panelGrid>  
            <p:separator/>
            <p:outputPanel rendered="#{not filtroEstadoOC.varios}" id="pnlUno" styleClass="criterio">
                <h:selectOneMenu value="#{filtroEstadoOC.estadoOC}">
                    <f:selectItems value="#{productorEnums.obtEstadosOC()}"/>
                </h:selectOneMenu>
            </p:outputPanel>
            <p:outputPanel rendered="#{filtroEstadoOC.varios}" id="pnlVarios" styleClass="criterio">
                <p:pickList value="#{filtroEstadoOC.dualList}" var="e" itemLabel="#{e.descripcion}" itemValue="#{e}"
                            converter="estadoOCConverterConverter">
                    <f:facet name="sourceCaption">Disponibles</f:facet>
                    <f:facet name="targetCaption">Seleccionados</f:facet>
                </p:pickList>
            </p:outputPanel>

            <h:panelGrid columns="2">
                <p:commandButton value="Aplica" action="#{ordenCompraBean.busca()}" oncomplete="dialogEstado.hide();"
                                 update="@(.resultado)"/>
                <p:commandButton value="Cierra" oncomplete="dialogEstado.hide();" immediate="true"/>
            </h:panelGrid>

        </h:form>
    </p:dialog>  

</ui:composition>
